<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>食得爽-好吃又实惠</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content=" Bakery In Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
		
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /><!-- bootstrap css -->
<link href="css/contact.css" rel="stylesheet" type="text/css" media="all" /><!-- contact css -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/font-awesome.css" rel="stylesheet"> <!-- fontawesome css -->

<!--fonts-->
<link href="css/css1.css" rel="stylesheet" type="text/css">
<link href="css/css2.css" rel="stylesheet">
<!--//fonts-->

</head>
<body>

	<!-- header -->
	<div class="header">
		<div class="content white">
			<nav class="navbar navbar-default" role="navigation">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
						<a class="navbar-brand" href="index.html">
							<h1>食得爽</h1>
						</a>
					</div>
					<!--/.navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<nav>
							<ul class="nav navbar-nav">
								<li><a href="index.html">主页</a></li>
								<li><a href="about.html">关于 </a></li>
								<li><a href="services.html">服务</a></li>
								<li><a href="gallery.html">食谱</a></li>
								<li><a href="contact.html" class="active">联系方式</a></li>
							</ul>
						</nav>
					</div>
					<!--/.navbar-collapse-->
					<!--/.navbar-->
				</div>
			</nav>
		</div>
	</div>
	<!-- //header -->

<!-- innerpages_banner -->
	<div class="innerpages_banner">
		<h2>联系我们</h2>
	</div>
<!-- //innerpages_banner -->

<!-- Contact -->
	<div class="contact-section" id="contact">
		<div class="container">
			<h3 class="heading">联系方式</h3>
		  <div class="col-md-4 address-left">
				<div class="address-grid">
					<h4><span></span></h4>
					<div class="address-grids">
						<span class="fa fa-volume-control-phone" aria-hidden="true"></span>
						<div class="contact-right">
							<p>电话号码</p>
							<span>+012-233-2333</span>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="address-grids">
						<span class="fa fa-envelope-o" aria-hidden="true"></span>
						<div class="contact-right">
							<p>电子邮箱</p>
							<a href="mailto:info@example.com">asdl@qq.com</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="address-grids">
						<span class="fa fa-map-marker" aria-hidden="true"></span>
						<div class="contact-right" >
							<p>地址</p>
							<span>广东省中山市广东理工职业学院</span>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
			<div class="col-md-8 map" style="height: 310px; box-sizing: border-box; overflow: hidden;" ><iframe src="ditu.html" width="700" height="300" ></iframe></div>
			
			  <div class="clearfix"></div>
			<div class="mail_grid_w3l">
				<form action="#" method="post">
					<div class="col-md-6 contact_left_grid">
						<div class="contact-fields-w3ls">
							
							<input type="text" name="Name" placeholder="姓名" required>
						</div>
						<div class="contact-fields-w3ls">
							<input type="email" name="Email" placeholder="电子邮箱" required>
						</div>
						<div class="contact-fields-w3ls">
							<input type="text" name="Telephone" placeholder="电话号码" required>
						</div>
						<div class="contact-fields-w3ls">
							<input type="text" name="Subject" placeholder="主题" required>
						</div>
					</div>
					<div class="col-md-6 contact_rightt_grid">
						<div class="contact-fields-w3ls">
							<textarea name="Message" placeholder="内容..." required></textarea>
						</div>
						<input type="submit" value="确定">
					</div>
					<div class="clearfix"> </div>

				</form>
			</div>
		</div>
	</div>
<!--// Contact -->

<!-- subscribe -->
<div class="subscribe">
	<div class="container">
		<h3 class="heading">订阅获取通知</h3>
		<div class="subscribe-grid">
			<form action="#" method="post">
			  <input type="email" placeholder="输入您的电子邮件" name="email" required>
				<button class="btn1"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
		  </form>
	  </div>
  </div>
</div>
<!-- //subscribe -->

<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="w3_agile_footer_grids">
				<ul class="col-md-3 col-xs-6 w3_agile_footer_grid right">
					<h3>营业时间</h3>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期一 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期二 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期三 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期四 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期五 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期六 <span>9:00 - 14:00</span></li>
					<li><span class="fa fa-clock-o" aria-hidden="true"></span>星期日 <span>休息</span></li>
				</ul>
				<div class="col-md-3 col-xs-6 w3_agile_footer_grid">
					<h3>导航</h3>
					<ul class="agileits_w3layouts_footer_grid_list">
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="index.html">主页</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="about.html">关于</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="services.html">服务</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="gallery.html">食谱</a>
						</li>
						<li>
							<span class="fa fa-angle-double-right" aria-hidden="true"></span>
							<a href="contact.html">联系方式</a>
						</li>
					</ul>
				</div>
				<div class="col-md-3 col-xs-6 w3ls_address_mail_footer_grids w3_agile_footer_grid">
					<h3>联系方式</h3>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-map-marker" aria-hidden="true"></span>
						</div>
						<p>广东省中山市广东理工职业学院<span></span>
						</p>
						<div class="clearfix"></div>
					</div>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-phone" aria-hidden="true"></span>
						</div>
						<p>+(112) 123 456 789</p>
						<div class="clearfix"></div>
					</div>
					<div class="w3ls_footer_grid_left">
						<div class="w3l-icon">
							<span class="fa fa-envelope-o" aria-hidden="true"></span>
						</div>
						<p>
						<a href="mailto:info@example.com">asdl@qq.com</a></p>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-3 col-xs-6 w3_agile_footer_grid">
					<h3>特色</h3>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img  src="images/tu/25171821641618472.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#">
							<img  src="images/tu/455549523110947162.jpg" alt=" " class="img-responsive" />
						</a>
					</div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#"><a href="#"><img src="images/tu/484576552481627287.jpg" alt=" " class="img-responsive" /></a></div>
					<div class="w3_agileits_footer_grid_left">
						<a href="#"></a>
			        <img src="images/tu/0.jpg" width="1280" height="101" longdesc="contact.html"></div>
					<div class="w3_agileits_footer_grid_left">
					<a href="#"></a><img src="images/tu/08.jpg" width="1440" height="102"></div>
					<div class="w3_agileits_footer_grid_left"><a href="#"><img src="images/tu/04.jpg" width="1024" height="105" longdesc="contact.html"></a></div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileinfo_copyright">
				<p>© 2021 meishi | yinxingfuhaozuzhi</p>
			</div>
		</div>
	</div>
<!-- //footer -->

<!-- Supportive js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //Supportive js -->
<script type="text/javascript" src="js/bootstrap.js"></script><!-- bootstrap js file -->

<!-- smooth scrolling js -->
<script src="js/SmoothScroll.min.js"></script>
<!-- smooth scrolling js -->

<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>

	<!-- here starts scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->

<!-- move to top-js-files -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
<!-- //move to top-js-files -->

</body>
</html>